<template>
	<div class="amount-demo">
		<p>
			<ynet-amount :value="1234" has-separator />
		</p>
		<p>
			<ynet-amount :value="-123456.123" has-separator :precision="3" />
		</p>
	</div>
</template>
<script>
	import { Amount } from 'ynet-mobile'
	export default {
		title: '千位分隔符',
		name: 'amount-demo',
		components: {
			[Amount.name]: Amount
		}
	}
</script>
<style lang="scss">
	.amount-demo{
		text-align: center;
		color: #666;
		p{
			font-size: 50px;
			span.describe{
				font-size: 18px
			}
		}
	}
</style>